@import "../../base/fn";
@text-color: #333;
@e8-color: #e80751;
@fce-color: #fce1ea;
@grey-color: #7b7b7b;
@red-color: #B40009;
@red2-color: #eb063d;
.jianbian(@from-color,@to-color){
    background:@from-color;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(@from-color), to(@to-color));
    background:-webkit-linear-gradient(@from-color, @to-color);
    background:-moz-linear-gradient(@from-color, @to-color);
    background:-o-linear-gradient(@from-color, @to-color);
    background:linear-gradient(@from-color, @to-color); 
}
.income {
    line-height: 1.15;
    padding-bottom: 50px;
    color: @text-color;
    .head {
        padding: 0.5rem 1rem;
        padding-bottom: 0;
        .title {
            font-weight: 300;
            margin: 10px 0;
            font-size: 1rem;
        }
         &.subpage{
            .jianbian(#fa3380,#fb6d51);
            color: #fff;
            padding: 1rem;
        }
        &.subpage2{
            .jianbian(#e033fa,#8059fe);
            color: #fff;
            padding: 1rem;
        }
    }
    .money {
        font-size: 1.8rem;
        font-weight: 200;
        small {
            font-size: 0.75rem;
            vertical-align: top;
        }
    }
    .main {
        ul {
            padding: 0.5rem 0.5rem 0 0.5rem;
            li {
                width: 43.5%;
                display: inline-block;
                .jianbian(#fa3380,#fb6d51);
                border-radius: 0.5rem;
                padding: 0.75rem 2%;
                margin-bottom: 0.75rem;
                 &.shangjia{
                    .jianbian(#e033fa,#8059fe);
                }
                a {
                    color: #fff;
                }
                h4 {
                    font-size: 0.85rem;
                    font-weight: 100;
                    margin-bottom: 8px;
                }
                &:nth-child(2n) {
                    margin-left: 1%;
                    width: 45.5%;
                }
            }
        }
    }
    .weui-navbar {
        background: none;
        &+.weui-tab__panel {
            padding-top: 33px;
        }
    }
    .weui-navbar__item {
        background: none;
        padding: 0.5rem 0;
        span {
            color: #000;
            position: relative;
            padding-bottom: 0.5rem;
            &:after {
                content: " ";
                border: 1px solid transparent;
                width: 100%;
                height: 0px;
                position: absolute;
                left: 0;
                bottom: 0;
                border-radius: 5px;
                z-index: 2;
            }
        }
        &.weui-bar__item_on {
            border-bottom: none;
            span:after {
                border: 2px solid #FF5C5A;
            }
        }
    }
    .weui-tab__panel {
        .empty {
            height: auto;
            min-height: 200px;
            background: none;
            padding: 0.5rem 1rem 1rem 1rem;
            font-size: 0.75rem;
        }
    }
    .moneylist {
        .money {
            font-size: 0.8rem;
        }
    }
    .weui-media-box__title{
        .float-right{
            font-size: 0.75rem;
        }   
    }
}